import React from 'react';
export default class extends React.Component{
  constructor(props){
    super();
    this.state={
        color:props.color,
        rotate:props.rotate
    }
}
UNSAFE_componentWillReceiveProps(props){
  this.setState({
      color:props.color,
      rotate:props.rotate
  }
  )
}
  render(){
    return(
      <svg viewBox="0 0 1024 1024" transform={"rotate("+this.state.rotate+")"} fill={this.state.color} focusable="false" class="" data-icon="caret-down" width="1em" height="1em" aria-hidden="true"><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg>
    );
  }
}